<template>
    <fieldset>
        <legend>详情页</legend>
        <h1 v-if="isLoading">正在努力加载中...</h1>
        <div class="info" v-else>
            <h1> 产品：{{detail.productName}} </h1>
            <h1> 产品描述：{{detail.productInfo2}} </h1>
            <h1> 价格：{{detail.productPinkage}} </h1>
            <h1> 时间：{{detail.productTime}} </h1>
        </div>
    </fieldset>
</template>

<script>
 // http://chst.vip:1234/api/getmoneyctrlproduct?productid=20
export default {
    props:['productid'],
    data(){
        return{
            isLoading:true,
            detail:[]
        }
    },
    mounted(){
        console.log('productid==='+this.productid);
        // console.log(this.$route.params);
        let {productid=0}=this.$route.params;
        //发起请求
        fetch(`http://chst.vip:1234/api/getmoneyctrlproduct?productid=${productid}`)
        .then(body=>body.json())
        .then(res=>{
            console.log(res);
            this.detail=res.result[0]
            // 关闭加载
            this.isLoading=false
        })
     
    }
}
</script>
